<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="css/index.css" />
	<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/axios.min.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		.items {
			width: 1200px;
			margin: 20px auto;
			display: flex;
			flex-wrap: wrap;
		}

		.items a {
			width: 367px;
			height: 232px;
			position: relative;
			margin: 1rem 30px 1rem 0;
		}

		.items a .title {
			position: absolute;
			top: 17px;
			left: 10px;
			color: #8fc7dc;
			font-size: 15px;
		}


		.items a p {
			position: absolute;
			top: 50%;
			left: 20px;
			transform: translateY(-50%);
			color: #d8f8ff;
			font-size: 20px;
		}

		.items a img {
			display: block;
			width: 367px;
			height: 232px;
			border: 1px solid #b7b7f8;
			padding: 1px;
			border-radius: 10px;
			background-size: contain;
			margin: 0 auto;
		}
	</style>
</head>

<body class="conbody">
	<div id="product">
		<div class="header">
			<div class="left">
				苏州工业园区数字政府典型场景
			</div>
			<div class="right">
				<a href="topology.html">首页</a>
				<a href="Intellectualization.html">智慧化场景</a>
				<a href="integrated.html" class="action">整体性转型</a>
				<a href="base.html">平台型底座</a>
			</div>

			<div class="backbtn">
				<a href="index.html"> 返回</a>
			</div>
		</div>
		<!-- 一网通办 -->
		<div class="items">
			<a href="./integrateList/list/list.html?name=mzry">
				<div class="tabs">
					<p class="title">政务服务一网通办</p>
					<img src="./img/ythcj/免征园区—入学报名.png">
					<p>免征园区—入学报名</p>
				</div>
			</a>
			<a href="./integrateList/list/list.html?name=zcql">
				<div class="tabs">
					<p class="title">政务服务一网通办</p>
					<img src="./img/ythcj/政策全链-政策综合应用场景.png">
					<p>政策全链-政策综合应用场景</p>
				</div>
			</a>
			<a href="./integrateList/list/list.html?name=mzyq">
				<div class="tabs">
					<p class="title">政务服务一网通办</p>
					<img src="./img/ythcj/免征园区—单套制归档.png">
					<p>免征园区—单套制归档</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhcg">
				<div class="tabs">
					<p class="title">城市管理一网统管</p>
					<img src="./img/ythcj/智慧城管-城市智慧运行管理.png">
					<p>智慧城管-城市智慧运行管理</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhcg1">
				<div class="tabs">
					<p class="title">城市管理一网统管</p>
					<img src="./img/ythcj/智慧城管-应急实景智能管理.png">
					<p>智慧城管-应急实景智能管理</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhhb">
				<div class="tabs">
					<p class="title">城市管理一网统管</p>
					<img src="./img/ythcj/智慧环保-企业环保画像.png">
					<p>智慧环保-企业环保画像</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhjt">
				<div class="tabs">
					<p class="title">城市管理一网统管</p>
					<img src="./img/ythcj/智慧交通—交通设备设施管理.png">
					<p>智慧交通—交通设备设施管理</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=szls">
				<div class="tabs">
					<p class="title">城市管理一网统管</p>
					<img src="./img/ythcj/数字孪生-城市公共信息平台.png">
					<p>数字孪生-城市公共信息平台</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=zhjt2">
				<div class="tabs">
					<p class="title">城市管理一网统管</p>
					<img src="./img/ythcj/智慧交通-公交智能规划辅助.png">
					<p>智慧交通-公交智能规划辅助</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=ansc">
				<div class="tabs">
					<p class="title">城市管理一网统管</p>
					<img src="./img/ythcj/安全生产-安全生产预警预测.png">
					<p>安全生产-安全生产预警预测</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=jjdn">
				<div class="tabs">
					<p class="title">经济发展一网提优</p>
					<img src="./img/ythcj/经济大脑.png">
					<p>经济大脑</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=kjsn">
				<div class="tabs">
					<p class="title">经济发展一网提优</p>
					<img src="./img/ythcj/科技枢纽.png">
					<p>科技枢纽</p>
				</div>
			</a>

			<a href="./integrateList/list/list.html?name=ywtk">
				<div class="tabs">
					<p class="title">政府运行一网协同</p>
					<img src="./img/ythcj/一网通看-园区政务公开.png">
					<p>一网通看-园区政务公开</p>
				</div>
			</a>

			<a href="server/list1.html">
				<div class="tabs">
					<p class="title">政府运行一网协同</p>
					<img src="img/base/base4.png">
					<p style="color: #3E91C1;">服务感知一端智联</p>
				</div>
			</a>
		</div>

	</div>
	<div style="height: 1px;padding: 1px;">

	</div>

	<div class="footer">
		建设单位：苏州工业园区大数据管理局 &nbsp;&nbsp;&nbsp;&nbsp;技术支持：新建元数字科技有限公司、天聚地合（苏州）数据股份有限公司
	</div>
	</div>

	<script src="js/util.js" type="text/javascript" charset="utf-8"></script>

	<script type="text/javascript">
		var product = new Vue({
			el: "#product",
			data: {

			},
			created() {
			},
			mounted() {

			},
			methods: {

			}
		})
	</script>
</body>

</html>